.redeem-coupon {
  height: calc(100vh - env(safe-area-inset-bottom));
  overflow: hidden;

  .redeem-coupon-input {
    background-color: #fff;
    margin: 0 auto;
    margin-top: 100rpx;
    height: 100rpx;
    width: 700rpx;
    font-size: 25rpx;
    padding-left: 25rpx;
    box-sizing: border-box;
    border-radius: 20rpx;
  }

  .redeem-coupon-button {
    height: 95rpx;
    width: 700rpx;
    margin: 0 auto;
    margin-top: 60rpx;
    background-color: #4fc3f7;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 999rpx;
    transition: all 0.2s ease;
  }

  .redeem-coupon-button-hover {
    /* 点击时颜色加深 */
    background-color: #3cb0e7;
    /* 轻微缩小营造按压感 */
    transform: scale(0.98);
    /* 点击时阴影变化 */
    box-shadow: 0 2rpx 5rpx rgba(79, 195, 247, 0.2);
  }
}